<script setup lang="ts">
type Props = {
  imgs?: string[];
};
let prop = withDefaults(defineProps<Props>(), {
  imgs: () => [
    "https://nntz.jyhdkj.com/pc/my/assets/bg1.png",
    "https://nntz.jyhdkj.com/pc/my/assets/bg1.png",
  ],
});
</script>

<template>
  <div class="previewImg">
    <span class="close">&#xeca0;</span>
    <span>&#xed1d;</span>
    <div class="imgs">
      <img class="v" v-for="(v, k) of imgs" :key="k" :src="v" alt="图片" />
    </div>
    <span>&#xed1e;</span>
  </div>
</template>

<style scoped lang="scss">
.previewImg {
  position: absolute;
  z-index: 9999;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.49);
}
.v {
  width: 200px;
  height: 200px;
}
</style>
